<ion-view title="Search">
  <ion-nav-buttons side="left">
    <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
  </ion-nav-buttons>

  <ion-content class="has-header">
     <div class="list" style="margin:0;">
        <label class="item item-input">
          <i class="icon ion-search placeholder-icon"></i>
          <input type="text" placeholder="输入搜索关键字" ng-model="searchKey" ng-change="searchToDo(searchKey)">
        </label>
    </div>
     <div class="list" style="margin:0;">
      <div class="item item-divider item-energized" ng-show="searchKey"> 关于"{{searchKey | limitTo:12 }}"的搜索结果 <span class="badge">{{playlists.length}}</span></div>
      <div class="item item-checkbox" 
        ng-repeat="play in playlists | orderBy:'-date'" 
        ng-click="show({{play.id}})"
        ng-show="playlists.length">
        <label class="checkbox {{play.classname}}"><input type="checkbox" ng-click="finish({{play.id}}, $event);"></label>
        {{play.title}} <span class="badge">{{play.date | displayDate}}</span>
      </div>
    </div>
  </ion-content>
</ion-view>

